<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel='stylesheet' href="../css/table.css">
	<script type="text/javascript" src="../../index/js/libs/jquery.js"></script>
</head>
<body>
	<div class='table po-ab'>
		<div class="overHidden">
			<div class="header tr"></div>
			<div class="tr pb-10 pt-10 h-34 border-b pl-15 pr-15 po-re">
				<div class="po-ab searchList">
					<div class="td input lh-34 pl-10 w160"><input type="text" placeholder="计算机名称"></div>
					<div class="td ml-10 input lh-34 pl-10 w160"><input type="text" placeholder="姓名"></div>
					<div class="td ml-10 lh-34 pullmore"></div>
					<div class="td ml-10 search"></div>
					<div class="td ml-10 writing"></div>
				</div>
				<div class="searchPanel po-ab pb-20">
					<div class="w-90" style="margin-top:30px;">
						<div class="w100 mr-10 f-l t-a-r h34 lh-34">目录名称</div>
						<div class="f-l w340 input h34 lh-34 pl-10"><input type="text"></div>
						<div class="h20 w-90 f-l"></div>
						<div class="w100 mr-10 f-l t-a-r h34 lh-34">交付组</div>
						<div class="f-l w340 input h34 lh-34 pl-10"><input type="text"></div>
						<div class="h20 w-90 f-l"></div>
						<div class="w100 mr-10 f-l t-a-r h34 lh-34">部门</div>
						<div class="f-l w340 input h34 lh-34 pl-10"><input type="text"></div>
						<div class="h20 w-90 f-l"></div>
						<div class="w100 mr-10 f-l t-a-r h34 lh-34">创建日期范围</div>
						<div class="f-l w340 input h34 lh-34 pl-10"><input type="text"></div>
						<div class="h20 w-90 f-l"></div>
						<div class="search-btn f-r"></div>
					</div>
				</div>
			</div>
			<div class="tr mt-16 mb-5">
				<div class="tableframe">
					<div class="tableFrameTr head">
						<!-- <div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">虚拟机名称</div>
						</div>
						<div class="tableFrameTd">姓名/用户名</div>
						<div class="tableFrameTd">虚拟机目录</div>
						<div class="tableFrameTd">交付组</div>
						<div class="tableFrameTd">外网IP</div>
						<div class="tableFrameTd">创建时间</div>
						<div class="tableFrameTd">状态</div>
						<div class="tableFrameTd">任务</div>
						<div class="tableFrameTd">操作</div> -->
						<div class="tableFrameTd" style="width:10%;">
							<div class="td check"></div>
							<div class="td ml-20">用户名</div>
						</div>
						<div class="tableFrameTd" style="width:10%;">所属服务器</div>
						<div class="tableFrameTd" style="width:10%;">虚拟机名称</div>
						<div class="tableFrameTd" style="width:10%;">镜像/快照</div>
						<div class="tableFrameTd" style="width:10%;">外网IP</div>
						<div class="tableFrameTd" style="width:12%;">创建时间</div>
						<div class="tableFrameTd headPm po-re" style="width:10%;">状态
							<div class="po-ab statusPanel" style="padding-left: 5px">
								<div class="statusIcon mb-10">状态</div>
								<div>全部</div>
								<div>运行中</div>
								<div>已关机</div>
								<div>错误</div>
							</div>
						</div>
						<div class="tableFrameTd" style="width:5%;">任务</div>
						<div class="tableFrameTd" style="width:20%;">操作</div>					
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20"><a href="#">troila</a></div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status err">错误</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status off">已关机</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
					<div class="tableFrameTr">
						<div class="tableFrameTd ">
							<div class="td check"></div>
							<div class="td ml-20">troila</div>
						</div>
						<div class="tableFrameTd">server</div>
						<div class="tableFrameTd">研发专用</div>
						<div class="tableFrameTd">windows10</div>
						<div class="tableFrameTd">192.168.5.35</div>
						<div class="tableFrameTd">2017-01-01 18:25</div>
						<div class="tableFrameTd"><div class="status run">运行中</div></div>
						<div class="tableFrameTd">—</div>
						<div class="tableFrameTd" style="width:210px;">
							<div class="login td mr-10">登录</div>
							<div class="createMirror td mr-10">创建快照</div>
							<div class="td pulmore"></div>					
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="tableFooter pl-15 pr-15 color6787ab">
			<div class="td">
				<span class="dis-in mr-10 f-l">每页显示</span>
				<div class="w38 mr-10 po-re f-l">
					<div class="po-ab pageBorder" style="vertical-align:top;height:32px;width:30px;top:-5px">
						<span class="di-b">20</li>		
						<span class="di-b">10</li>				
					</div>
					
				</div><div class="f-l" style="margin-left: 50px;">条</div>
			</div>
			<div class="page f-r h-40 lh-40">
				<div class="td mr-10"><img src='../image/table/pagefirst-disable.png'></div>
				<div class="td mr-10"><img src='../image/table/pageprv-disable.png'></div>
				<div class="td mr-10"><a href="#" class='pageAct'>1</a></div>
				<div class="td mr-10"><a href="#">2</a></div>
				<div class="td mr-10"><a href="#">3</a></div>
				<div class="td mr-10"><a href="#"><a href="#">4</a></div>
				<div class="td mr-10"><a href="#">5</a></div>
				<div class="td mr-10"><img src='../image/table/pagenext.png'></div>
				<div class="td mr-10"><img src='../image/table/pagelast.png'></div>
				<div class="td mr-10" style="width:40px;">跳转到</div>
				<div class="td pageBorder" style="width:35px;height: 26px;margin-top: 7px;"><input type="text" style="width: 35px;height:26px;"></div>
				<div class="td pageBorder t-a-c mr-10" style="width:25px;height:26px;line-height:26px;margin-top: 7px;background-image:none;margin-left:-1px;">GO</div>
				<div class="td" style="width: 80px;">共<label class="color0099ff">
				50</label>条数据</div>
			</div>
		</div>
	</div>
</body>
</html> 